<template>
    <div
        class="p-4 border-b border-neutral-medium/30 flex flex-col md:flex-row md:items-center md:justify-between space-y-3 md:space-y-0">
        <div class="flex flex-wrap items-center gap-2">
            <button class="px-3 py-1.5 bg-primary text-white text-sm rounded-lg">全部状态</button>
            <button
                class="px-3 py-1.5 bg-neutral-light text-neutral text-sm rounded-lg hover:bg-neutral-medium/30 transition-colors">待处理</button>
            <button
                class="px-3 py-1.5 bg-neutral-light text-neutral text-sm rounded-lg hover:bg-neutral-medium/30 transition-colors">处理中</button>
            <button
                class="px-3 py-1.5 bg-neutral-light text-neutral text-sm rounded-lg hover:bg-neutral-medium/30 transition-colors">已解决</button>
            <button
                class="px-3 py-1.5 bg-neutral-light text-neutral text-sm rounded-lg hover:bg-neutral-medium/30 transition-colors">已驳回</button>
        </div>

        <div class="flex items-center space-x-2">
            <button
                class="flex items-center space-x-1 px-3 py-1.5 bg-neutral-light text-neutral text-sm rounded-lg hover:bg-neutral-medium/30 transition-colors">
                <i class="fa fa-filter"></i>
                <span>筛选</span>
            </button>
            <button
                class="flex items-center space-x-1 px-3 py-1.5 bg-neutral-light text-neutral text-sm rounded-lg hover:bg-neutral-medium/30 transition-colors">
                <i class="fa fa-download"></i>
                <span>导出</span>
            </button>
        </div>
    </div>
</template>

<script setup lang="ts">
</script>
